<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/lianjia.css">
    <title>Document</title>
</head>
<style>
</style>
<body>
   <div class="head">
    <div class="box">
        <div class="box1">
            <div class="box1-left">房型</div>
            <div class="box1-right" >
                <div class="box1-right1">
                    <input type="checkbox" class="check" onchange="gettext()">
                    <span class="text">一室</span>
                </div>
                <div class="box1-right1">
                    <input type="checkbox" class="check"  onchange="gettext()">
                    <span class="text">二室</span>
                </div>
                <div class="box1-right1">
                    <input type="checkbox" class="check" onchange="gettext()">
                    <span class="text">三室</span>
                </div>
            </div>
        </div>
         <div class="box1">
            <div class="box1-left">朝向</div>
            <div class="box1-right">
                <div class="box1-right1">
                    <input type="checkbox" class="check" onchange="gettext()">
                    <span class="text">朝南</span>
                </div>
                <div class="box1-right1">
                    <input type="checkbox" class="check" onchange="gettext()">
                    <span class="text">朝东</span>
                </div>
                <div class="box1-right1">
                    <input type="checkbox" class="check" onchange="gettext()">
                    <span class="text">朝北</span>
                </div>
                <div class="box1-right1">
                    <input type="checkbox" class="check" onchange="gettext()">
                    <span class="text">朝西</span>
                </div>
            </div>
        </div>
         <div class="box1">
            <div class="box1-left">楼层</div>
            <div class="box1-right">
                <div class="box1-right1">
                    <input type="checkbox"
                    class="check" onchange="gettext()">
                    <span class="text">低楼层</span>
                </div>
                <div class="box1-right1">
                    <input type="checkbox" class="check" onchange="gettext()"> 
                    <span class="text">中楼层</span>
                </div>
                <div class="box1-right1">
                    <input type="checkbox" class="check" onchange="gettext()">
                    <span class="text">高楼层</span>
                </div>
            </div>
        </div>
    </div>
   </div>
   <div class="content">
    <div class="title">
        <ul class="title-list"  >
            <li  class="selected title-list1" onclick="change()">默认排序</li>
            <li class="title-list1"  onclick="change()">房屋总价</li>
            <li  class="title-list1" onclick="change()">房屋单价</li>
            <li  class="title-list1" onclick="change()">房屋面积</li>
        </ul>
    </div>
    <div class="main">
        <ul class="main-list">
        </ul>
    </div>
   </div>
</body>
<script src="js/lianjia.js"></script>
</html>
